<h4 class="serviceName">{{ category.getName(locale) }}</h4>
<p class="serviceDescription">
    {{ category.getDescription(locale) }}
    </p>

{% if services | length > 0 %}
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>{% trans %}Service{% endtrans %}</th>
                <th>{% trans %}Description{% endtrans %}</th>
                <th>{% trans %}Price{% endtrans %}</th>
                <th>{% trans %}Urgent{% endtrans %}</th>
                <th>{% trans %}Order{% endtrans %}</th>
            </tr>
        </thead>
        <tbody>
        {% for service in services %}
                <tr>
                    <td>{{service.getName(locale)}}</td>
                    <td>{{service.getDescription(locale)}}</td>
                    <td id="servicePrice">$ {{service.price}}</td>
                    <td><input type="checkbox" class="rushOrder" data-price="$ {{service.price}}"  data-rush-price="$ {{service.rushPrice}}"/></td>
                    <td><button data-service-page="{{path('service_pay',{'serviceId' : service.id})}}" class="btn blue serviceOrderSubmit">{% trans %}Order{% endtrans %}</button></td>
                </tr>
        {% endfor %}
            </tbody>
        </table>
{% endif %}

{% if lastPageNumber > 1 %}
        <div class="pagination right">
        {% set paginationParameters = app.request.attributes.get('_route_params') | merge(app.request.query.all()) %}
                <ul>
            {% if page > 1 %}
                        <li><a class="categoryServicesPagination" href="{{ path(app.request.attributes.get('_route'), paginationParameters | merge({'page': page-1 })) }}">&laquo;</a></li>
            {% endif %}
        {% for numberOfPage in 1..lastPageNumber %}
            {% if numberOfPage > page - 3 and numberOfPage < page + 3 %}
                        <li class="{% if page == numberOfPage %}disabled{% endif %}"><a class="categoryServicesPagination" href="{{ path(app.request.attributes.get('_route'), paginationParameters | merge({'page': numberOfPage})) }}">{{ numberOfPage }}</a></li>
            {% endif %}
        {% endfor %}
        {% if page < lastPageNumber %}
                        <li><a class="categoryServicesPagination" href="{{ path(app.request.attributes.get('_route'), paginationParameters | merge({'page': page+1})) }}">&raquo;</a></li>
        {% endif %}
                    </ul>
                </div>
    {% endif %}